<template>
  <section class="m-shop-index-list">
    <w-empty v-if="!lists.length"></w-empty>
    <list-item :goodslist="lists" v-else></list-item>
  </section>
</template>

<script>
  import ListItem from './listItem'

  export default {
    props: {
      lists: [Array]
    },
    components: {
      ListItem
    }
  }
</script>

<style lang="scss">
  .m-shop-index-list {
    padding-bottom: .2rem;
  }
</style>